<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      >

    <ui:composition>
        <p:growl showDetail="true" id="messagesEntorno"/>
        <h:panelGrid id="imagenesCuadra" width="100%" cellspacing="8">
            <h:outputLabel  value="Perfil de la cuadra donde se ubica el inmueble:" />
            <h:graphicImage  width="700" height="200" url="#{managerModificarExpediente.entornoActual.perfilCuadra}"/>
            <p:fileUpload id="subirCuadra" label="Subir imagen..." fileUploadListener="#{managerModificarExpediente.entornoActual.uploadPictureCuadra}" update="messagesEntorno imagenesCuadra"/>
            <br/>
            <h:outputLabel  value="Perfil frente cuadra donde se ubica el inmueble:" />
            <h:graphicImage  width="700" height="200" url="#{managerModificarExpediente.entornoActual.perfilFrenteCuadra}"/>
            <p:fileUpload id="subirFrente" label="Subir imagen..." fileUploadListener="#{managerModificarExpediente.entornoActual.uploadPictureFrente}" update="messagesEntorno imagenesCuadra"/>
            <br/>
            <h:outputLabel  value="Linea de Construcción:" />
            <h:graphicImage  width="700" height="200" url="#{managerModificarExpediente.entornoActual.lineaConstruccion}"/>
            <p:fileUpload id="subirLinea" label="Subir imagen..." fileUploadListener="#{managerModificarExpediente.entornoActual.uploadPictureLinea}" update="messagesEntorno imagenesCuadra"/>
        </h:panelGrid>
        <h:panelGrid id="datosAnchos" columns="2" width="100%" cellspacing="8">
            <h:outputLabel for="anchoAcera" value="Ancho de Acera:"/>
            <h:panelGroup>
                <h:inputText id="anchoAcera" size="15" value="#{managerModificarExpediente.entornoActual.anchoAcera}" onkeypress="return acceptNumDecimal(event);"/>
                <h:outputLabel  value="(mts)"/>
            </h:panelGroup>
            <h:outputLabel for="anchoArriate" value="Ancho de Arriate:"/>
            <h:panelGroup>
                <h:inputText id="anchoArriate" size="15" value="#{managerModificarExpediente.entornoActual.anchoArriate}" onkeypress="return acceptNumDecimal(event);"/>
                <h:outputLabel  value="(mts)"/>
            </h:panelGroup>
            <h:outputLabel for="anchoRodaje" value="Ancho de Rodaje:"/>
            <h:panelGroup>
                <h:inputText id="anchoRodaje" size="15" value="#{managerModificarExpediente.entornoActual.anchoRodaje}" onkeypress="return acceptNumDecimal(event);"/>
                <h:outputLabel  value="(mts)"/>
            </h:panelGroup>
        </h:panelGrid>
        <p:commandButton image="ui-icon ui-icon-disk" value="Guardar" action="#{managerModificarExpediente.guardarEntorno}" process="@this imagenesCuadra datosAnchos" update="messagesEntorno"/>
    </ui:composition>
</html>